@mixin border-1px($color:#ccc) {
  position: relative;
  &:after {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid $color;
    content: " ";
  }
}

@mixin border-none() {
  &:after {
    display: none;
  }
}

@mixin background-img($name) {
  background-image: url($name + "@2x.png");

  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
    background-image: url($name + "@3x.png");
  }

}
